import React, { useState, useEffect } from 'react';
import { Column } from '@ant-design/charts';

const DemoColumn: React.FC = (props: any) => {
    const { data } = props;
    var config = {
        data: data,
        style: {
            width: 400,
            height: 400,
        },
        xField: 'type',
        yField: 'sales',
        // label: {
        //   position: 'middle',
        //   style: {
        //     fill: '#FFFFFF',
        //     opacity: 0.6,
        //   },
        // },
        // xAxis: {
        // label: {
        //   autoHide: true,
        //   autoRotate: false,
        // },
        // },
        meta: {
            type: { alias: '类别' },
            sales: { alias: '数量' },
        },
    };
    return <Column {...config} />;
};

export default DemoColumn;
